<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/05-details.min.css">
</head>
<body>
<header>
    <div class="header-box">
            <img  class="back" src="./img/05-product-details/back.png" alt="">
            <img  class="logo" src="./img/05-product-details/logo.png" alt="">
            <img  class="more" src="./img/05-product-details/more.png" alt="">
    </div>
</header>
<main>
    <!-- 鲜花产品图 -->
<img  class="flower-product" src="./img/05-product-details/flower-product.png" alt="">

<!-- 产品介绍盒子 -->
<div class="content">
    <!--  产品 -->
    <div class="product-desc">
        <span class="product-desc-text">浪漫满屋</span>
        <!-- 产品价格以及销售数量 -->
        <div class="product-money">
            <div class="product-price">
                <span class="new">¥ 229</span>
                <del class="old">&nbsp;&nbsp;¥ 289</del>
            </div>
            <div class="self">
                <span>已售17229笔</span>
            </div>
        </div>
    </div>
    <!-- 产品配送信息 -->
    <div class="product-information">
        <div class="matierial box">
            <div class="div">
                <span>材料</span> 
            </div>
            <span class="text">19枝红玫瑰，火龙珠，银叶菊绿叶搭配</span>
        </div>
        <div class="packaging box">
            <div class="div">
                <span>包装</span> 
            </div>
            <span class="text">黑色韩式包装</span>
        </div>
        <div class="distrbution box">
            <div class="div">
                <span>配送</span> 
            </div>
            <span class="text">全国送货上门，市区免运费</span>
        </div>
        <div class="with box">
            <div class="div">
                <span>附送</span> 
            </div>
            <span class="text">下单填写留言，免费赠送贺卡</span>
        </div>
    </div>
    <!-- 数量 -->
    <div class="quantitu-box">
        <div class="quantitu">
                <div class="quantitu-desc">
                  
                        <span class="text">数量</span>
                    
                    
                    <span class="botton-box">
                    <span class="number">1</span>
                    </span>

                </div>
                
        </div>
    </div>
    <!-- 订单评价 -->
    <div class="order-evaluation">
        <!-- 顶部白条 -->
        <div class="order-top">
            <div class="order">
                <span class="desc">订单评价</span>
                <span class="talk">最近已有1330条评论</span>
            </div>
                
            
        </div>
        <!-- 用户评价 -->
        <div class="usertalk">
            <div class="user-number">
                <img  class="morentou" src="./img/05-product-details/morenTou.png.png" alt="">
                <span>147****2479</span>
                <img class="star" src="./img/05-product-details/star.png" alt="">
            </div>
            <div class="user-comment">
                <div class="comment">
                    一大束玫瑰花，老婆非常喜欢。花也很新鲜，推荐大家买
                        <div class="jpg">
                            <img src="./img/05-product-details/box-flower.png" alt="">
                        </div>
                   
                </div>
               
            </div>
        </div>

        <div class="usertalk">
            <div class="user-number">
                <img  class="morentou" src="./img/05-product-details/morenTou.png.png" alt="">
                <span>181****2931</span>
                <img class="star" src="./img/05-product-details/star.png" alt="">
            </div>
            <div class="user-comment-box">
                <div class="comment">
                    鲜花收到了。物流很快，当天就送到了。鲜花太漂亮了，颜色正，包装精美，闺蜜过生日。送给她很喜欢，物美价廉很满意的一次购物。
                        <div class="jpg">
                            <img src="./img/05-product-details/flower.png" alt="">
                        </div>
                   
                </div>
               
            </div>
            <div class="buttom-tag">
                <!-- <div class="botton"> -->
                    <span>查看更多评价</span>
                <!-- </div> -->
                
            </div>
        </div>
     
        

    </div>
       <!-- 产品详情 -->
       <div class="product-example">
        <div class="example-top">
            <span>产品详情</span>
        </div>
        <div class="img">
            <img src="./img/05-product-details/鲜花信息上.png" alt="">
        </div>
        <div class="img">
            <img src=".img/05-product-details/鲜花信息下.png" alt="">
        </div>
        <div class="img">
            <img src="./img/05-product-details/底部简介.png" alt="">
        </div>
        <!-- 底部留白部分 -->
        <div class="buttom-white">

        </div>
        






    </div>

</div>

</main>
<footer>
    <div class="footer-box">
        <div class="home box">
            <img class="img-home" src="./img/05-product-details/首页.png" alt="">
            <span>首页</span>
        </div>
        <div class="phone box">
            <img class="img-phone" src="./img/05-product-details/电话.png" alt="">
            <span>电话</span>
        </div>
        <div class="shopping-cart box">
            <img class="img-shop" src="./img/05-product-details/购物车.png" alt="">
            <span>购物车</span>
        </div>
        <div class="botton black">
            <span>加入购物车</span>
        </div>
        <div class="botton white">
            <span>立即购买</span>
        </div>
    </div>
</footer>
</body>
</html>